<!DOCTYPE html>
<html lang="zxx" class="js">

<head>
    <base href="../">
    <meta charset="utf-8">
    <meta name="author" content="Softnio">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="A powerful and conceptual apps base dashboard template that especially build for developers and programmers.">
    <!-- Fav Icon  -->
    <link rel="shortcut icon" href="./images/favicon.png">
    <!-- Page Title  -->
    <title>物种详细信息</title>
    <!-- StyleSheets  -->
    <link rel="stylesheet" href="./assets/css/dashlite.css?ver=2.2.0">
    <link id="skin-default" rel="stylesheet" href="./assets/css/theme.css?ver=2.2.0">
</head>

<body class="nk-body bg-lighter npc-general has-sidebar"  ng-app="alienPlants" ng-controller="specController"  ng-init="loadSpecData()">
    <div class="nk-app-root">
        <!-- main @s -->
        <div class="nk-main ">
            <!-- sidebar @s -->
            <div class="nk-sidebar nk-sidebar-fixed is-dark " data-content="sidebarMenu" id="sliderModel">        
            </div>
            <!-- sidebar @e -->
            <!-- wrap @s -->
            <div class="nk-wrap ">
                <!-- main header @s -->
                <div class="nk-header nk-header-fixed is-light" id="headerSilder">
                </div>
                <!-- main header @e -->
                <!-- content @s -->
                <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block-head nk-block-head-sm">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title">{{s.specyName}}</h3>
                                            <span class="text-base" ng-if="!s.specyName">数据暂无</span>
                                            <div class="nk-block-des text-soft">
                                                <ul class="list-inline">
                                                    <li>ID: 
                                                        <span class="text-base">{{s.specyId}}</span>
                                                        <span class="text-base" ng-if="!s.specyId">数据暂无</span></li>
                                                        
                                                        <li>物种类别 : 
                                                            <a href="html/animal-info.html"><span class="text-base">动物</span></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="nk-block-head-content">
                                            <a href="html/animal-info.html" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                                            <a href="html/animal-modify.html?sid={{s.specyId}}" class="btn btn-primary text-white ml-2">修改物种信息</a>
                                        </div>
                                    </div>
                                </div><!-- .nk-block-head -->
                                <div class="nk-block">
                                    <div class="card card-bordered">
                                        <div class="card-aside-wrap">
                                            <div class="card-content">
                                                <nav class="">
                                                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                                         <ul class="nav nav-tabs nav-tabs-mb-icon nav-tabs-card">
                                                            <li class="nav-item">
                                                                <a class="nav-link active redbht fontblack" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home"
                                                                aria-selected="true"><em class="icon ni ni-user-circle"></em><span>信息</span></a>
                                                            </li>
                                                        </ul><!-- .nav-tabs -->
                                                    </div>
                                                </nav>
                                                <div class="card-inner tab-content" id="nav-tabContent">
                                                    <div class="nk-block tab-pane fade m-0 show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                                                        <div class="nk-block-head">
                                                            <h5 class="title">物种的详细信息</h5>
                                                            <p>species detali Information</p>
                                                        </div><!-- .nk-block-head -->
                                                        <div class="profile-ud-list">
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">拉丁学名</span>
                                                                    <span class="profile-ud-value" ng-if="!s.latinName">数据暂无</span>
                                                                    <span class="profile-ud-value"ng-if="s.latinName">{{s.latinName}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">别称</span>
                                                                    <span class="profile-ud-value" ng-if="!s.anotherName">数据暂无</span>
                                                                    <span class="profile-ud-value"ng-if="s.anotherName">{{s.anotherName}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">科名</span>
                                                                    <span class="profile-ud-value" ng-if="!s.specyFamily">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.specyFamily">{{s.specyFamily}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">属名</span>
                                                                    <span class="profile-ud-value" ng-if="!s.specyGenus">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.specyGenus">{{s.specyGenus}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">纲</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalClass">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalClass">{{s.animalClass}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">亚纲</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalSubclass">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalSubclass">{{s.animalSubclass}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">目</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalOrder">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalOrder">{{s.animalOrder}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">动物类别</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalType">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalType==1">脊椎动物</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalType==2">无脊椎动物</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">管理名录</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalManagement">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalManagement">{{s.animalManagement}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">原产地</span>
                                                                    <span class="profile-ud-value" ng-if="!s.sourceArea">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.sourceArea">{{s.sourceArea}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">形态特征</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalCharacter">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalCharacter">{{s.animalCharacter}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">繁殖特征</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalPropagate">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalPropagate">{{s.animalPropagate}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">生活习性</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalHabits">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalHabits">{{s.animalHabits}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">主要危害</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalHarm">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalHarm">{{s.animalHarm}}</span>
                                                                </div>
                                                            </div>
                                                            <div class="profile-ud-item">
                                                                <div class="profile-ud wider">
                                                                    <span class="profile-ud-label">防治方法</span>
                                                                    <span class="profile-ud-value" ng-if="!s.animalPrevention">数据暂无</span>
                                                                    <span class="profile-ud-value" ng-if="s.animalPrevention">{{s.animalPrevention}}</span>
                                                                </div>
                                                            </div>
                                                        </div><!-- .profile-ud-list -->
                                                    </div><!-- .nk-block -->
                                                
                                                    <div class="nk-block tab-pane fade m-0 " id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                                                        <div class="nk-block-head">
                                                            <h5 class="title">物种的照片</h5>
                                                            <p>species photo</p>
                                                        </div><!-- .nk-block-head -->
                                                    </div>
                                                </div><!-- .card-inner -->
                                            </div><!-- .card-content -->
                                            <div class="card-aside card-aside-right user-aside toggle-slide toggle-slide-right toggle-break-xxl" data-content="userAside" data-toggle-screen="xxl" data-toggle-overlay="true" data-toggle-body="true">
                                                <div class="card-inner-group" data-simplebar>
                                                    <div class="card-inner">
                                                        <div class="user-card user-card-s2">
                                                            <div class="user-avatar lg bg-primary">
                                                                <span>AB</span>
                                                            </div>
                                                            <div class="user-info">
                                                                <div class="badge badge-outline-light badge-pill ucap">Investor</div>
                                                                <h5>Abu Bin Ishtiyak</h5>
                                                                <span class="sub-text">info@softnio.com</span>
                                                            </div>
                                                        </div>
                                                    </div><!-- .card-inner -->
                                                    <div class="card-inner card-inner-sm">
                                                        <ul class="btn-toolbar justify-center gx-1">
                                                            <li><a href="#" class="btn btn-trigger btn-icon"><em class="icon ni ni-shield-off"></em></a></li>
                                                            <li><a href="#" class="btn btn-trigger btn-icon"><em class="icon ni ni-mail"></em></a></li>
                                                            <li><a href="#" class="btn btn-trigger btn-icon"><em class="icon ni ni-download-cloud"></em></a></li>
                                                            <li><a href="#" class="btn btn-trigger btn-icon"><em class="icon ni ni-bookmark"></em></a></li>
                                                            <li><a href="#" class="btn btn-trigger btn-icon text-danger"><em class="icon ni ni-na"></em></a></li>
                                                        </ul>
                                                    </div><!-- .card-inner -->
                                                    <div class="card-inner">
                                                        <div class="overline-title-alt mb-2">In Account</div>
                                                        <div class="profile-balance">
                                                            <div class="profile-balance-group gx-4">
                                                                <div class="profile-balance-sub">
                                                                    <div class="profile-balance-amount">
                                                                        <div class="number">2,500.00 <small class="currency currency-usd">USD</small></div>
                                                                    </div>
                                                                    <div class="profile-balance-subtitle">Invested Amount</div>
                                                                </div>
                                                                <div class="profile-balance-sub">
                                                                    <span class="profile-balance-plus text-soft"><em class="icon ni ni-plus"></em></span>
                                                                    <div class="profile-balance-amount">
                                                                        <div class="number">1,643.76</div>
                                                                    </div>
                                                                    <div class="profile-balance-subtitle">Profit Earned</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div><!-- .card-inner -->
                                                    <div class="card-inner">
                                                        <div class="row text-center">
                                                            <div class="col-4">
                                                                <div class="profile-stats">
                                                                    <span class="amount">23</span>
                                                                    <span class="sub-text">Total Order</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-4">
                                                                <div class="profile-stats">
                                                                    <span class="amount">20</span>
                                                                    <span class="sub-text">Complete</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-4">
                                                                <div class="profile-stats">
                                                                    <span class="amount">3</span>
                                                                    <span class="sub-text">Progress</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div><!-- .card-inner -->
                                                    <div class="card-inner">
                                                        <h6 class="overline-title-alt mb-2">Additional</h6>
                                                        <div class="row g-3">
                                                            <div class="col-6">
                                                                <span class="sub-text">User ID:</span>
                                                                <span>UD003054</span>
                                                            </div>
                                                            <div class="col-6">
                                                                <span class="sub-text">Last Login:</span>
                                                                <span>15 Feb, 2019 01:02 PM</span>
                                                            </div>
                                                            <div class="col-6">
                                                                <span class="sub-text">KYC Status:</span>
                                                                <span class="lead-text text-success">Approved</span>
                                                            </div>
                                                            <div class="col-6">
                                                                <span class="sub-text">Register At:</span>
                                                                <span>Nov 24, 2019</span>
                                                            </div>
                                                        </div>
                                                    </div><!-- .card-inner -->
                                                    <div class="card-inner">
                                                        <h6 class="overline-title-alt mb-3">Groups</h6>
                                                        <ul class="g-1">
                                                            <li class="btn-group">
                                                                <a class="btn btn-xs btn-light btn-dim" href="#">investor</a>
                                                                <a class="btn btn-xs btn-icon btn-light btn-dim" href="#"><em class="icon ni ni-cross"></em></a>
                                                            </li>
                                                            <li class="btn-group">
                                                                <a class="btn btn-xs btn-light btn-dim" href="#">support</a>
                                                                <a class="btn btn-xs btn-icon btn-light btn-dim" href="#"><em class="icon ni ni-cross"></em></a>
                                                            </li>
                                                            <li class="btn-group">
                                                                <a class="btn btn-xs btn-light btn-dim" href="#">another tag</a>
                                                                <a class="btn btn-xs btn-icon btn-light btn-dim" href="#"><em class="icon ni ni-cross"></em></a>
                                                            </li>
                                                        </ul>
                                                    </div><!-- .card-inner -->
                                                </div><!-- .card-inner -->
                                            </div><!-- .card-aside -->
                                        </div><!-- .card-aside-wrap -->
                                    </div><!-- .card -->
                                </div><!-- .nk-block -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
                <!-- footer @s -->
                <div class="nk-footer">
                    <div class="container-fluid">
                        <div class="nk-footer-wrap">
                            <div class="nk-footer-copyright"> &copy; 2020 DashLite. Template by <a href="http://www.bootstrapmb.com/" target="_blank">Softnio</a>
                            </div>
                            <div class="nk-footer-links">
                                <ul class="nav nav-sm">
                                    <li class="nav-item"><a class="nav-link" href="#">Terms</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#">Privacy</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#">Help</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- footer @e -->
            </div>
            <!-- wrap @e -->
        </div>
        <!-- main @e -->
    </div>
    <!-- app-root @e -->
    <!-- JavaScript -->
    <script src="./assets/js/bundle.js?ver=2.2.0"></script>
    <script src="./assets/js/scripts.js?ver=2.2.0"></script>
    <script src="./assets/js/angular/angularjs/angular.min.js"></script>
    <script src="./assets/js/angular/angularjs/angular-route.min.js"></script>
    <script src="./assets/js/angular/base.js"></script>
    <script src="./assets/js/angular/service/specService.js"></script>
    <script src="./assets/js/angular/controller/specController.js"></script>
</body>

</html>